<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*æ&nbsp;·å¼åˆå§‹åŒ–åŠå…¬å…±æ&nbsp;·å¼éƒ¨åˆ†*/
*{ margin:0px; padding:0px; }
body{ color:#333; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei"; overflow-x:hidden; }
a{ color:#333; text-decoration:none; }     
a:hover{transition:0.3s all; }      
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px; padding:0px; list-style:none; border:0px; font-weight: lighter; }    
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i{ font-style: inherit; font-weight: lighter; }
b{ font-weight:normal;}
.clear{clear:both; font-size:0px; overflow:hidden; height :0px;}
.cl{ clear: both; height:0px; }  
.fl{ float:left; }     
.fr{ float:right; }     
#copy{ display:none; }      
.page{ width:1400px; margin:0 auto; }
.page1{ width:1400px; margin:0 auto; height:auto; position:relative; }
.page3{ width:85%; min-width:1400px; margin:0 auto; height:auto;  }
.box,.footer1{ width:1400px; margin:0 auto; height:auto; }    /*å®šä¹‰ç‰ˆé¢ç»Ÿä¸€å®½åº¦*/
.top30{ margin-top:30px; }
.top40{ margin-top:40px; }
.top30{ margin-top:30px; }
.top50{ margin-top:50px; }
.top60{ margin-top:60px; }
.w1400 {width: 1400px;margin: auto;}



/*banner*/
.focus { width:100%; height:600px; overflow:hidden; position:relative;}
.focus ul {height:600px; position:absolute;}
.focus ul li {float:left; width:100%; height:600px; overflow:hidden; position:relative; background:#222;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#222; display:none;}
.focus .btn {position:absolute; width:1400px; left:37%; margin-left:-600px; height:24px; bottom:40px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:110px; position:absolute; top:288px; background:url(images/119.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
.dis { display: none;}
#banner{overflow:hidden;}
div#focus002 .preNext {top: 155px;}


.header .w1400{ position:relative;}
.hlogo { position:absolute; width:154px; height:190px; box-shadow: 0 0 15px rgba(149, 149, 149, 0.18); background:#fff;background:linear-gradient(to bottom,#fff,#fff,#fff,#f3f6f8); z-index:9; }
.hlogo img { margin-left: 35px; margin-top: 35px;}
.hlogo b { display:block; font-size:22px; color:#222; margin:12px 0 5px 0;text-align:center;}
.hlogo em { display: block; text-transform:uppercase; font-weight:lighter; font-size:12px;text-align:center;}
.htop .w1400,.hsecond .w1400{ box-sizing:border-box; display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.htop{ line-height:45px; background:#f7f7f7;}
.htop,.htop a{ font-size:13px; color:#888;}
.htop span{ padding:0 20px; border-right:1px dotted #a8b1ba;}
.htop span:last-child{ border-right:none; padding-right:0;}
.htop span a{ display:inline-block; padding-left:26px; background:url(images/2.png) no-repeat left center;}
.htop span:nth-child(2) a{ background-image:url(images/3.png);}
.hsecond .w1400{ height:145px;}

.hmean {
    font-size: 22px;
    color: #222;
    font-weight: lighter;
    letter-spacing: 1.2px;
    margin: 13px 0 0 25px;
}
.hmean b{ display:block; color:#00984d; letter-spacing: 0; font-size: 24px;}
.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.htel{ text-align:left;  font-size:16px; color:#222; font-weight:lighter; padding-left:50px; background:url(images/4.png) no-repeat left center;}
.htel em {display: block;font-size: 30px;color: #00984d;line-height: 30px;font-family: arial;margin-top: 5px;}



/*å¯¼èˆª*/
.nav { width: 100%; margin: auto; background: #00984d; height:80px; line-height:80px; }
.nav li { background:url(images/5.png) left no-repeat; float:left;  text-align:center; position:relative;}
.nav li a { text-align:center; color:#fff; font-size:16px; display:block; padding: 0 44.7px; position:relative; z-index:2;}
.nav li:hover a { color:#fff;}
.nav li.noming a {color:#fff;}
.nav li.noming { background:#05b55e !important;}
.nav li:nth-child(1) { background:none;}
.nav li:before { content:""; position:absolute; left:0; width:0; height:80px; background:#05b55e; transition: all 0.5s;}
.nav li:hover:before { content:""; position:absolute; left:0; width:100%; height:80px;}

.nav li dl { position: absolute; top:100px; height:0px; z-index:0; overflow:hidden}
.nav li.dhh a { color:#fff;}
.nav li.dhh dl { background: #fff; width: 177px; margin: auto; height:auto; transition: all 0.5s;  box-shadow:0px 5px 5px #999; position: absolute; top:80px; left:-30px; display:block; z-index:10; overflow:hidden;}
.nav li.dhh dd { border-bottom: solid 1px #f6f6f6; background:#fff url(images/16.png) right no-repeat; background-position:158px 28px; width:177px; float:left; color:#fff; line-height:60px; display:block; overflow:hidden;}
.nav li.dhh dd a { padding-left: 20px; text-align: left; display:block; color:#666; font-size:14px; font-weight: normal; line-height:60px; height:60px;}
.nav li.dhh dd a:hover { color:#00984d}





/*æ&nbsp;‡é¢˜*/
.pro_tit i {color: #0e974b;font-weight: normal;}
.pro_tit strong { display: block; width: 365px; margin: auto;}
.pro_tit span {display: block;font-size: 20px;color: #666666;font-weight: lighter;margin: 16px 0 25px 0;}
.pro_tit {font-size: 40px;color: #333;text-align: center;position: relative;}
.pro_tit ul {display: flex;width: 65px;justify-content: space-between;position: absolute;left: 47.9%;top: 115px;align-items: center;}
.pro_tit li {width:2px;height:2px;background:#0e974b;border-radius:50%;}
.pro_tit li:nth-child(6n+1) {width:7px;height:7px;}

.pro_tit1 i {color: #fff;font-weight: normal;}
.pro_tit1 strong { display: block; width: 365px; margin: auto;}
.pro_tit1 span {display: block;font-size: 20px;color: #fff;font-weight: lighter;margin: 16px 0 25px 0;}
.pro_tit1 {font-size: 40px;color: #fff;text-align: center;position: relative;}
.pro_tit1 ul {display: flex;width: 65px;justify-content: space-between;position: absolute;left: 47.9%;top: 115px;align-items: center;}
.pro_tit1 li {width:2px;height:2px;background:#fff;border-radius:50%;}
.pro_tit1 li:nth-child(6n+1) {width:7px;height:7px;}



/*äº§å“*/
.pro_list {background: #fff;line-height: 90px;width: 1040px;margin-bottom: 25px;border: 1px solid #ededed;margin: 55px auto 0;}
.pro_list li {display: block;width: 220px;margin: 20px;padding: 0 !important;background: #0e974b;float: left;-webkit-transition: all 0.5s linear;height: 50px;line-height: 50px;font-size: 15px;text-align: center;}
.pro_list li:hover {background: #333;}
.pro_list li:hover a{ color:#fff;}
.pro_list li a {font-size: 16px; color: #fff; display: block;}
.pro_list li:nth-child(1) { border-left: none;}
.pro_list li:hover span { background-position: 0 -26px;}
.pro_list li:hover a { color: #fff;}



.prod_b{position: relative;}
.prod_b table tr td span a {display: block;overflow: hidden;background: #f5f5f5;font-size: 16px;color: #444;}
.prod_b table tr td:hover span a{ background:#0e974b; color:#fff;}
.prod_b table tr td&gt;a {width: 100%;overflow: hidden;display: block;}
.prod_b table tr td br{display: none;}
.prod_b img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:306px; height:auto;}
.prod_b img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);  overflow:hidden;}   
.colee{overflow: hidden;height: 580px;width: 1400px;}
.colee table td {width: 23.5%;height: auto;display: block;float: left;margin: 2% 2% 0 0;padding: 0.7%;border: 1px solid #f2f2f2;box-sizing: border-box;}
.colee table td:nth-of-type(4n){margin-right: 0;}
.colee table td span{line-height:50px;}
.products-image-t {margin-top: 30px;}





/*ä¼˜åŠ¿*/
.qua_wrapp{width:100%;padding-top:65px;position:relative;}
.qua_wrapp:before{content:'';width:100%;height:664px;background:#0e974b;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;position:absolute;top:0;left:0;}
.qua_title{position:relative;}
.qua_title p,.qua_title span,.qua_title em{color:#fff;}
.qua_title p{font-weight: bold;}
.qua_cont{position:relative;}
.qua_cont dl{width:27.6%;margin-bottom:20px;border:1px solid #eee;padding:30px;background:#fff;transition:all 0.3s ease;box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.qua_cont dl:hover{transform:translateY(-20px);border-color:#fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);}
.qua_cont dt img{width:100%;}
.qua_cont dd{background:#fff;padding: 25px 0 5px;border-top:0;transition:all 0.3s ease;}
.qua_cont dd p{font-size:28px;font-weight: bold;color:#0e974b;}
.qua_cont dd span {display: block;font-size: 16px;color: #777;line-height: 29px;margin-top: 18px;height: 82px;overflow: hidden;}
.qua_cont dd button{border:none;background:none;display:flex;align-items:center;justify-content:space-between;padding: 0;margin-top:35px;text-indent:-7px;transition:all 0.3s ease;}
.qua_cont dl:hover dd button{width:126px;background:#ffc900;border-radius:4px;}
.qua_cont dd button i{width:42px;height:42px;border-radius:4px;font-size:26px;line-height:42px;text-align: center;color:#fff;opacity:1;transition:all 0.3s ease;}
.qua_cont dl:hover dd button i{transform:translateX(-21px);opacity:0;}
.qua_cont dd button a{font-size:16px;color:#0e974b;margin-left:22px;position:relative;line-height:42px;transition:all 0.3s ease;}
.qua_cont dl:hover dd button a{transform: translateX(-38px);color:#fff;}
.qua_cont dd button a:before {position: absolute;top: 13px;right: -18px;opacity: 0;transition: all 0.3s ease;background: url(images/ysjt.png) no-repeat right 0px;width: 7px;height: 14px;}
.qua_cont dl:hover dd button a:before{opacity:1;}
.dfs {display: flex;align-items: end;justify-content: space-between;margin-top: 65px;}
.iylgengduo:before {content: "";background: url(images/ysjt.png) no-repeat right 0px;width: 7px;height: 14px;}
.ylfont {background: #0e974b url(images/ystb.png);}




/*ç®€ä»‹*/
.about_bg {background: url(https://site.di7.com/designer/103987/1406/files/images/20210430174721_1530702992.jpg) no-repeat bottom;width: 100%;margin: 0 auto;height: 900px;margin-top: 50px;}
.about_t {width: 1300px;padding: 50px;background: #f9f9f9;margin: 0 auto;height: 490px;margin-top: 60px; border-radius: 40px 40px 0 0;}
.about_t1 {width: 580px;background: #fff;padding: 50px;height: 397px;box-shadow: 4px 9px 30px 0 rgb(210, 210, 210);}
.about_t11 {width: 570px;height: 109px;border-bottom: 1px solid #eee;}
.about_t11 p {font-size: 29px;color: #333;font-weight: normal;line-height: 60px;}
.about_t11 b {font-family: Arial, Helvetica, sans-serif;color: #0e974b;font-size: 20px;font-weight: bold;}
.about_t11 span{font-size:30px; color:#333; font-weight: normal;}
.about_t11 i{left: -15px; top: -59px; position: relative; float: right;}
.about_t12 {font-size: 17px;line-height: 46px;color: #777;padding: 25px 0;}
.about_t2{box-shadow: 4px 9px 30px 0 rgb(210, 210, 210); width: 620px;height: 497px;}
.about_t2 img {width: 620px;height: 497px;}
.com_btn { padding: 0; bottom: 15px; width: 350px; z-index: 11111; margin-top:9px;}
.com_btn a {display: inline-block;color: #fff;line-height: 30px;height: 30px;padding: 5px 20px;border: 1px solid #222222;border-radius: 0;text-align: center;width: 90px;position: relative;overflow: hidden;transform: rotate(0deg);transition: 0.3s all ease-in-out;background: #222222;}
.com_btn a span{ font-size:14px; color:#fff; position:relative; z-index:2; transform: rotate(0deg); transition:0.3s all ease-in-out; }
.com_btn a::after { content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background: #0e974b; top: -200%; left: -200%; z-index:1; transition:0.3s all ease-in-out; transform: rotate(0deg); }
.com_btn a.curzz::after{ content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background: #eee; top: -200%; left: -200%; }
.com_btn .curzz{ background: #333; border-color: #333; color: #fff; }
.com_btn .curzz span{ color:#fff; font-size:14px; }
.com_btn a:hover::after{ left:-50%; top:-50%; }
.com_btn a:hover span{ color:#fff; }
.com_btn a:hover{ border-color:#fff; }
.com_btn a.curzz:hover span{ color:#999}
.com_btn a.curzz:hover{ border-color:#999; }

/*è½¦é—´*/
.dotli {width: 808px;display: table;margin: 35px auto 30px;}
.dotli div{width: 100%;border-bottom: 2px dotted #d3d3d3;margin-bottom: 2px;}
.plant_b{overflow:hidden;}
.plant_b li {float: left;margin-right: 20px;width: 295px;}
.plant_b li .plant_img {width: 293px;height: 217px;border: 1px solid #ddd;}
.plant_b li .plant_img img {display: block;width: 100%;height: 100%;}
.plant_b li .plant_t {position: relative;width: 295px;height: 45px;text-align: center;font-size: 15px;color: #fff;line-height: 45px;background: #0e974b;}
.plant_b li .plant_t span {position: relative;display: block;z-index: 9;}
.plant_b li .plant_t:after {display: block;position: absolute;content: " ";top: 0;left: 0;width: 0;height: 45px;transition: all 0.3s;background: #333;}
.plant_b li:hover .plant_t:after {width: 295px;}
.plant_b li:hover .plant_t {color: #fff; }
.plant_all .tempWrap {width: 100% !important;}
.wz-cj {width: 100%;height: 371px;margin-bottom: 55px;background: url(http://heshengdz.n.zyqxt.com/uploadfile/image/20210118/20210118152807_1886398582.jpg) no-repeat center bottom;}</pre></body></html>